<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>Single Product</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Custom Theme files -->
	<link th:href="@{/css/bootstrap.css}" type="text/css" rel="stylesheet" media="all">
	<!-- shop css -->
	<link th:href="@{/css/shop.css}" type="text/css" rel="stylesheet" media="all">
	<!-- flexslider-css -->
	<link rel="stylesheet" th:href="@{/css/flexslider.css}" type="text/css" media="screen" />
	<link th:href="@{/css/style.css}" type="text/css" rel="stylesheet" media="all">
	<!-- font-awesome icons -->
	<link th:href="@{/css/font-awesome.css}" rel="stylesheet">
	<!-- //Custom Theme files -->
	<!-- online-fonts -->
	<!-- logo -->
	<link th:href="@{http://fonts.googleapis.com/css?family=Fredericka+the+Great}" rel="stylesheet">
	<!-- titles -->
	<link th:href="@{http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i}" rel="stylesheet">
	<!-- body -->
	<link th:href="@{http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i}" rel="stylesheet">
	<!-- //online-fonts -->
</head>


<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
	<div id="home">
		<!-- header -->
		<!-- navbar -->
		<nav class="navbar navbar-default navbar-fixed-top">
		    <div class="main-nav">
		        <div class="container">
		
		            <div class="navbar-header page-scroll">
		                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
		                    <span class="sr-only">Chronicle</span>
		                    <span class="icon-bar"></span>
		                    <span class="icon-bar"></span>
		                    <span class="icon-bar"></span>
		                </button>
		                <h1>
		                    <a class="navbar-brand" th:href="@{index.html}">什么书城</a>
		                </h1>
		            </div>
		            <!-- Collect the nav links, forms, and other content for toggling -->
		            <div class="collapse navbar-collapse navbar-ex1-collapse nav-right">
		                <ul class="nav navbar-nav navbar-left cl-effect-15">
		                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
		                    <li class="hidden">
		                        <a class="page-scroll" th:href="@{#page-top}"></a>
		                    </li>
		                    <li>
		                        <a th:href="@{index.html}">首页</a>
		                    </li>
		                    <li>
		                        <a th:href="@{about.html}">书城介绍</a>
		                    </li>
		                    <li class="dropdown">
		                        <a th:href="@{#}" class="dropdown-toggle effect-3" data-toggle="dropdown">在线购买
		                            <b class="caret"></b>
		                        </a>
		                        <ul class="dropdown-menu">
		                            <li>
		                                <a th:href="@{shop.html}">书架</a>
		                            </li>
		                            <li>
		                                <a th:href="@{single_product.html}">图书详情</a>
		                            </li>
		                            <li>
		                                <a th:href="@{checkout.html}">购物车</a>
		                            </li>
									<li>
		                                <a th:href="@{payment.html}">支付</a>
		                            </li>
		                        </ul>
		                    </li>
		                    <li class="dropdown">
		                        <a th:href="@{#}" class="dropdown-toggle effect-3" data-toggle="dropdown">footers
		                            <b class="caret"></b>
		                        </a>
		                        <ul class="dropdown-menu">
		                            <li>
		                                <a th:href="@{footer.html}">Default</a>
		                            </li>
		                            <li>
		                                <a th:href="@{footer1.html}">variant1</a>
		                            </li>
		                            <li>
		                                <a th:href="@{footer2.html}">variant2</a>
		                            </li>
		                            <li>
		                                <a th:href="@{footer3.html}">variant3</a>
		                            </li>
		                            <li>
		                                <a th:href="@{footer4.html}">variant4</a>
		                            </li>
		                        </ul>
		                    </li>
		                    <li>
		                        <a th:href="@{contact.html}">Contact us</a>
		                    </li>
		                    <li>
		                        <a th:href="@{login.html}" title="SignIn & SignUp">
		                            <span class="fa fa-user nav-icon" aria-hidden="true"></span>
		                        </a>
		                    </li>
		
		                </ul>
		                <!-- search-bar -->
		                <div class="search-bar-agileits">
		                    <div class="cd-main-header">
		                        <ul class="cd-header-buttons">
		                            <li>
		                                <a class="cd-search-trigger" th:href="@{#cd-search}">
		                                    <span></span>
		                                </a>
		                            </li>
		                        </ul>
		                        <!-- cd-header-buttons -->
		                    </div>
		                    <div id="cd-search" class="cd-search">
		                        <form action="#" method="post">
		                            <input name="Search" type="search" placeholder="输入你需要查询的图书">
		                        </form>
		                    </div>
		                </div>
		                <!-- //search-bar ends here -->
		                <!-- shopping cart -->
		                <div class="cart-mainf">
		                    <div class="chrcart chrcart2 cart cart box_1">
		                        <form action="#" method="post" class="last">
		                            <input type="hidden" name="cmd" value="_cart">
		                            <input type="hidden" name="display" value="1">
		                            <button class="top_chr_cart" type="submit" name="submit" value="">
		                                <i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
		                            </button>
		                        </form>
		                    </div>
		                </div>
		                <!-- //shopping cart ends here -->
		            </div>
		            <!-- /.navbar-collapse -->
		            <div class="clearfix"></div>
		        </div>
		        <!-- /.container -->
		    </div>
		</nav>
		<!-- //navbar ends here -->
		<!-- banner -->
		<div class="banner-bg-inner">
			<!-- banner-text -->
			<div class="banner-text-inner">
				<div class="container">
					<h2 class="title-inner">
						world of reading
					</h2>

				</div>
			</div>
			<!-- //banner-text -->
		</div>
		<!-- //banner -->
		<!-- breadcrumbs -->
		<div class="crumbs text-center">
			<div class="container">
				<div class="row">
					<ul class="btn-group btn-breadcrumb bc-list">
						<li class="btn btn1">
							<a th:href="@{index.html}">
								<i class="glyphicon glyphicon-home"></i>
							</a>
						</li>
						<li class="btn btn2">
							<a th:href="@{shop.html}">Product Catalogue</a>
						</li>
						<li class="btn btn3">
							<a th:href="@{single_product.html}">Single product</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--//breadcrumbs ends here-->
		<!-- Single -->
		<div class="innerf-pages section">
			<div class="container">
				<div class="col-md-4 single-right-left ">
					<div class="grid images_3_of_2">
						<div class="flexslider1">
							<ul class="slides">
								<li data-thumb="images/s1.jpg">
									<div class="thumb-image">
										<img th:src="@{/images/lib8.jpg}" data-imagezoom="true" alt=" " class="img-responsive"> </div>
								</li>
								<li data-thumb="images/s2.jpg">
									<div class="thumb-image">
										<img th:src="@{/images/s2.jpg}" data-imagezoom="true" alt=" " class="img-responsive"> </div>
								</li>
								<li data-thumb="images/s3.png">
									<div class="thumb-image">
										<img th:src="@{/images/s3.png}" data-imagezoom="true" alt=" " class="img-responsive"> </div>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
					</div>

				</div>
				<div class="col-md-8 single-right-left simpleCart_shelfItem">
					<h3>Be Creative
						<span>精装 – Feb 2018</span>
					</h3>
					<p>作者：
						<a th:href="@{#}">鲁迅</a>
					</p>
					<div class="caption">

						<ul class="rating-single">
							<li>
								<a th:href="@{#}">
									<span class="fa fa-star yellow-star" aria-hidden="true"></span>
								</a>
							</li>
							<li>
								<a th:href="@{#}">
									<span class="fa fa-star yellow-star" aria-hidden="true"></span>
								</a>
							</li>
							<li>
								<a th:href="@{#}">
									<span class="fa fa-star yellow-star" aria-hidden="true"></span>
								</a>
							</li>
							<li>
								<a th:href="@{#}">
									<span class="fa fa-star yellow-star" aria-hidden="true"></span>
								</a>
							</li>
							<li>
								<a th:href="@{#}">
									<span class="fa fa-star yellow-star" aria-hidden="true"></span>
								</a>
							</li>
						</ul>
						<div class="clearfix"> </div>
						<h6>
							$100.00</h6>
					</div>
					<div class="desc_single">
						<h5>描述信息</h5>
						<p>Pellentesque quis orci sapien. Phasellus at libero in nunc egestas tincidunt. In dictum arcu purus, ultricies tincidunt
							urna vehicula at. Aenean iaculis urna nec libero scelerisque, ac ullamcorper neque porta.</p>
					</div>
					<div class="occasional">
						<h5>参数信息</h5>
						<ul class="single_specific">
							<li>
								<span>语言 :</span> english</li>
							<li>
								<span>格式 :</span> 精装版</li>
							<li>
								<span>出版社 :</span> 人民出版社</li>
							<li>
								<span>出版日期 :</span> february 2018</li>
							<li>
								<span>页数 :</span> 765</li>
						</ul>

					</div>
					<div class="color-quality">
						<div class="color-quality-right">
							<h5>选择版本:</h5>
							<select id="country1" onchange="change_country(this.value)" class="frm-field required sect">
								<option value="null">paper back &nbsp;$90.00</option>
								<option value="null">Audio Book &nbsp;$200.00</option>
							</select>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="description">
						<h5>选择配送地址</h5>
						<form action="#" method="post">
							<input type="text" value="Enter pincode" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter pincode';}"
							    required="">
							<input type="submit" value="Check">
						</form>
					</div>
					<div class="occasion-cart">
						<div class="chr single-item single_page_b">
							<form action="#" method="post">
								<input type="hidden" name="cmd" value="_cart">
								<input type="hidden" name="add" value="1">
								<input type="hidden" name="chr_item" value="Single book">
								<input type="hidden" name="amount" value="100.00">
								<button type="submit" class="chr-cart pchr-cart">
									<i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
								<a th:href="@{#}" data-toggle="modal" data-target="#myModal1"></a>
							</form>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- /new_arrivals -->
		<div class="section singlep_btm">
			<div class="container">
				<div class="new_arrivals">
					<h4 class="rad-txt">
						<span class="abtxt1">特色</span>
						<span class="abtext"> 图书</span>
					</h4>
					<!-- row3 -->
					<div class="col-md-3 product-men">
						<div class="product-chr-info chr">
							<div class="thumbnail">
								<a th:href="@{single_product.html}">
									<img th:src="@{/images/lib7.jpg}" alt="">
								</a>
							</div>
							<div class="caption">
								<h4>Marketing</h4>
								<p>Scott Harris</p>
								<div class="matrlf-mid">
									<ul class="rating">
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star gray-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star gray-star" aria-hidden="true"></span>
											</a>
										</li>
									</ul>
									<ul class="price-list">
										<li>$ 180.00</li>
										<li>
											$220.00
										</li>
									</ul>

									<div class="clearfix"> </div>
								</div>
								<form action="#" method="post">
									<input type="hidden" name="cmd" value="_cart">
									<input type="hidden" name="add" value="1">
									<input type="hidden" name="chr_item" value="Book1">
									<input type="hidden" name="amount" value="180.00">
									<button type="submit" class="chr-cart pchr-cart">Add to cart
										<i class="fa fa-cart-plus" aria-hidden="true"></i>
									</button>
									<a th:href="@{#}" data-toggle="modal" data-target="#myModal1"></a>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-men">
						<div class="product-chr-info chr">
							<div class="thumbnail">
								<a th:href="@{single_product.html}">
									<img th:src="@{/images/lib1.jpg}" alt="">
								</a>
							</div>
							<div class="caption">
								<h4>online business</h4>
								<p>Scott Harris</p>
								<div class="matrlf-mid">
									<ul class="rating">
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
									</ul>
									<ul class="price-list">
										<li>$ 330.00</li>
										<li>
											$560.00
										</li>
									</ul>

									<div class="clearfix"> </div>
								</div>
								<form action="#" method="post">
									<input type="hidden" name="cmd" value="_cart">
									<input type="hidden" name="add" value="1">
									<input type="hidden" name="chr_item" value="Book2">
									<input type="hidden" name="amount" value="330.00">
									<button type="submit" class="chr-cart pchr-cart">Add to cart
										<i class="fa fa-cart-plus" aria-hidden="true"></i>
									</button>
									<a th:href="@{#}" data-toggle="modal" data-target="#myModal1"></a>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-men">
						<div class="product-chr-info chr">
							<div class="thumbnail">
								<a th:href="@{single_product.html}">
									<img th:src="@{/images/lib2.jpg}" alt="">
								</a>
							</div>
							<div class="caption">
								<h4>kids</h4>
								<p>Cordebard</p>
								<div class="matrlf-mid">
									<ul class="rating">
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star gray-star" aria-hidden="true"></span>
											</a>
										</li>
									</ul>
									<ul class="price-list">
										<li>$ 280.00</li>
										<li>
											$500.00
										</li>
									</ul>

									<div class="clearfix"> </div>
								</div>
								<form action="#" method="post">
									<input type="hidden" name="cmd" value="_cart">
									<input type="hidden" name="add" value="1">
									<input type="hidden" name="chr_item" value="Book3">
									<input type="hidden" name="amount" value="280.00">
									<button type="submit" class="chr-cart pchr-cart">Add to cart
										<i class="fa fa-cart-plus" aria-hidden="true"></i>
									</button>
									<a th:href="@{#}" data-toggle="modal" data-target="#myModal1"></a>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-3 product-men">
						<div class="product-chr-info chr">
							<div class="thumbnail">
								<a th:href="@{single_product.html}">
									<img th:src="@{/images/lib3.jpg}" alt="">
								</a>
							</div>
							<div class="caption">
								<h4>work from home</h4>
								<p>Cordebard</p>
								<div class="matrlf-mid">
									<ul class="rating">
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
										<li>
											<a th:href="@{#}">
												<span class="fa fa-star yellow-star" aria-hidden="true"></span>
											</a>
										</li>
									</ul>
									<ul class="price-list">
										<li>$ 140.00</li>
										<li>
											$200.00
										</li>
									</ul>

									<div class="clearfix"> </div>
								</div>
								<form action="#" method="post">
									<input type="hidden" name="cmd" value="_cart">
									<input type="hidden" name="add" value="1">
									<input type="hidden" name="chr_item" value="Book4">
									<input type="hidden" name="amount" value="140.00">
									<button type="submit" class="chr-cart pchr-cart">Add to cart
										<i class="fa fa-cart-plus" aria-hidden="true"></i>
									</button>
									<a th:href="@{#}" data-toggle="modal" data-target="#myModal1"></a>
								</form>
							</div>
						</div>
					</div>
					<!-- //row3 -->
					<div class="clearfix"></div>
				</div>
				<!--//new_arrivals-->
				<div class="clearfix"></div>

			</div>
		</div>
		<!--// Single -->
		<!-- footer -->
		<div class="footer-bottom section">
			<div class="container">
				<!-- newsletter -->
				<div class="subscribe-main section-w3layouts text-center">
					<h4 class="rad-txt">
						<span class="abtxt1">keep yourself</span>
						<span class="abtext">updated</span>
					</h4>
					<h5>subscribe to our newsletter to stay up-to-date with our projects.</h5>
					<div class="subscribe-form">
						<form action="#" method="post" class="subscribe_form">
							<div class="email-news">
								<input type="email" placeholder="Email" required="">
							</div>
							<div class="sub-news">
								<input type="submit" value="subscribe">
							</div>
						</form>
						<div class="clearfix"> </div>
					</div>
					<p>We respect your privacy.No spam ever!</p>
				</div>
				<!-- //newsletter ends here -->
				<!-- footer grids-->
				<div class="footer-cpy">
					<!-- footer-grid1 -->
					<div class="col-md-3 col-sm-6 footer-logo">
						<h3>
							<a th:href="@{index.html}">Chronicle</a>
						</h3>
						<h4>about us</h4>
						<p>Vallis Molestie Arcu Morbi Dapibus Suscipit Ante Sit Efficitur Eu estie Arcu Mor Anestie Ate Vesti.</p>
					</div>
					<!-- //footer-grid1 -->
					<!-- footer-grid2 -->
					<div class="col-md-3 col-sm-6 footer-nav text-center">
						<h4>navigation</h4>
						<ul>
							<li>
								<a th:href="@{index.html}">Home</a>
							</li>
							<li>
								<a th:href="@{about.html}">About us</a>
							</li>
							<li>
								<a th:href="@{shop.html}">shop</a>
							</li>
							<li>
								<a th:href="@{contact.html}">contact us</a>
							</li>
						</ul>
					</div>
					<!-- //footer-grid2 -->
					<!-- footer-grid3 -->
					<div class="col-md-3 col-sm-6 blog-footer">
						<h4>latest from blog</h4>
						<div class="blog1">
							<div class="col-md-3 col-sm-3 col-xs-2 bl1">
								<a th:href="@{#}">
									<img th:src="@{/images/b1.jpg}" alt="" class="img-responsive" />
								</a>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-10 bl2">
								<a th:href="@{#}">Dapibus Suscipit Ante Sit by instagram</a>
								<p>February 15, 2018</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="blog1">
							<div class="col-md-3 col-sm-3 col-xs-2 bl1">
								<a th:href="@{#}">
									<img th:src="@{/images/b2.jpg}" alt="" class="img-responsive" />
								</a>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-10 bl2">
								<a th:href="@{#}">Dapibus Suscipit Ante Sit by instagram</a>
								<p>February 20, 2018</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<!-- //footer-grid3 -->
					<!-- footer-grid4 -->
					<div class="col-md-3 col-sm-6 contact-foot text-right">
						<h4>contact us</h4>
						<ul>
							<li>
								<span class="fa fa-home"></span>
								1185 Burlington
								<br> Canada.
							</li>
							<li>
								<span class="fa fa-phone"></span>
								+12 345 678
							</li>
							<li>
								<span class="fa fa-envelope"></span>
								<a th:href="@{mailto:info@example.com}">mail@chronicle.com</a>
							</li>
						</ul>
					</div>
					<!-- //footer-grid4 -->
					<div class="clearfix"></div>
				</div>
				<!-- //footer-grids -->
				<!-- footer social -->
				<div class="footer-social text-center">
					<h4>stay connected</h4>
					<ul>
						<li>
							<a th:href="@{#}">
								<span class="fa fa-facebook icon_facebook"></span>
							</a>
						</li>
						<li>
							<a th:href="@{#}">
								<span class="fa fa-twitter icon_twitter"></span>
							</a>
						</li>
						<li>
							<a th:href="@{#}">
								<span class="fa fa-dribbble icon_dribbble"></span>
							</a>
						</li>
						<li>
							<a th:href="@{#}">
								<span class="fa fa-google-plus icon_g_plus"></span>
							</a>
						</li>
					</ul>
				</div>
				<!-- //footer social -->
			</div>
			<!-- //footer container -->
		</div>
		<!-- //footer -->
		<div class="cpy-right">
			<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" th:href="@{http://sc.chinaz.com/moban/}">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
	<!-- //home -->
	<!-- Common js -->
	<script th:src="@{/js/jquery-2.2.3.min.js}"></script>
	<!--// Common js -->
	<!-- cart-js -->
	<script th:src="@{/js/minicart.js}"></script>
	<script>
		chr.render();

		chr.cart.on('chr_checkout', function (evt) {
			var items, len, i;

			if (this.subtotal() > 0) {
				items = this.items();

				for (i = 0, len = items.length; i < len; i++) {}
			}
		});
	</script>
	<!-- //cart-js -->
	<!-- zoom -->
	<script th:src="@{/js/imagezoom.js}"></script>
	<!-- zoom-->
	<!-- single -->
	<!-- FlexSlider -->
	<script th:src="@{/js/jquery.flexslider.js}"></script>
	<script>
		// Can also be used with $(document).ready()
		$(window).load(function () {
			$('.flexslider1').flexslider({
				animation: "slide",
				controlNav: "thumbnails"
			});
		});
	</script>
	<!-- //FlexSlider-->

	<!-- dropdown nav -->
	<script>
		$(document).ready(function () {
			$(".dropdown").hover(
				function () {
					$('.dropdown-menu', this).stop(true, true).slideDown("fast");
					$(this).toggleClass('open');
				},
				function () {
					$('.dropdown-menu', this).stop(true, true).slideUp("fast");
					$(this).toggleClass('open');
				}
			);
		});
	</script>
	<!-- //dropdown nav -->
	<!--search jQuery-->
	<script th:src="@{/js/main.js}"></script>
	<!--search jQuery-->

	<!-- Scrolling Nav JavaScript -->
	<script th:src="@{/js/scrolling-nav.js}"></script>
	<!-- //fixed-scroll-nav-js -->
	<!--//scripts-->
	<script th:src="@{/js/bootstrap.js}"></script>
	<!-- start-smoth-scrolling -->
	<script th:src="@{/js/move-top.js}"></script>
	<script th:src="@{/js/easing.js}"></script>
	<script>
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- here stars scrolling icon -->
	<script>
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- smoothscroll -->
	<script th:src="@{/js/SmoothScroll.min.js}"></script>
	<!-- //smoothscroll -->

</body>

</html>